diff options
Diffstat (limited to 'src/routes/posts/[slug]/+page.svelte')
| -rw-r--r-- | src/routes/posts/[slug]/+page.svelte | 41 |
1 files changed, 20 insertions, 21 deletions
diff --git a/src/routes/posts/[slug]/+page.svelte b/src/routes/posts/[slug]/+page.svelte index 2a57168..dae5dff 100644 --- a/src/routes/posts/[slug]/+page.svelte +++ b/src/routes/posts/[slug]/+page.svelte @@ -1,34 +1,33 @@ <script lang="ts"> - import type { PageData } from "./$types"; - import Giscus from "$lib/components/Giscus.svelte"; + import type { PageData } from "./$types"; + import Giscus from "$lib/components/Giscus.svelte"; - let { data }: { data: PageData } = $props(); + let { data }: { data: PageData } = $props(); - function formatDate(dateStr: string): string { - return new Date(dateStr).toLocaleDateString("en-US", { - year: "numeric", - month: "long", - day: "numeric", - }); - } + function formatDate(dateStr: string): string { + return new Date(dateStr).toLocaleDateString("en-US", { + year: "numeric", + month: "long", + day: "numeric", + }); + } </script> <svelte:head> - <title>{data.metadata.title} | My Blog</title> - <meta name="description" content={data.metadata.description} /> + <title>{data.metadata.title} | My Blog</title> + <meta name="description" content={data.metadata.description} /> </svelte:head> <article> - <header> - <h1>{data.metadata.title}</h1> - <p> - <time datetime={data.metadata.date} - >{formatDate(data.metadata.date)}</time - > - </p> - </header> + <header> + <h1>{data.metadata.title}</h1> + <p> + <time datetime={data.metadata.date}>{formatDate(data.metadata.date)}</time + > + </p> + </header> - <data.content /> + <data.content /> </article> <Giscus /> |